<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // Vue的生命周期  =>  自V ue实例创建 到 页面渲染, 数据更新, 实例销毁 => 有一个完整的执行流程(体系) 
    // 学习 Vue的生命周期 -> 可以帮助我们理解 Vue在各个阶段做了什么操作?

    // Vue的各个生命周期都有对应的钩子函数(回调函数),可以辅助我们查看Vue在了解该阶段做了什么操作,并可以执行一些副作用操作  

    // 注意: 
    // 有没有生命周期钩子函数 => Vue实例的生命周期都会正常的进行 => 钩子函数只是辅助作用,并可以在对应阶段执行一些操作

    // Vue生命周期大致分为三个阶段
    // 1. 初始化渲染 (初始化阶段 模板编译  挂载阶段)
    // 2. 响应式 (更新阶段  -> 数据更新之后视图也会更新)
    // 3. 销毁阶段 (当前Vue实例无法使用)

    // 对应的生命周期钩子函数:

    // beforeCreate
    // created

    // beforeMount
    // mounted

    // beforeUpdate
    // updated

    // beforeDestroy
    // destroyed







</script>
</html>